<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Hello MUI</title>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,maximum-scale=1,   user-scalable=no"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/tabbar.html -->

    <!--App自定义的css-->
    <!-- <link rel="stylesheet" type="text/css" href="../css/app.css"/> -->

    <!--标准mui.css-->
    <!-- 第一步引入mui css -->
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css" />
    <link rel="stylesheet" href="./assets/mui/css/icons-extra.css" />
    <link rel="stylesheet" href="./assets/mui/fonts/mui-icons-extra.ttf" />
    <link rel="stylesheet" href="./common.css" />

    <style></style>
  </head>

  <body>
    <header class="mui-bar mui-bar-nav">
      <a class="mui-action-search mui-icon mui-icon-back mui-pull-left"></a>
      <h1 class="mui-title">搜索列表页面</h1>
    </header>
    <nav class="mui-bar mui-bar-tab">
      <a class="mui-tab-item mui-active" href="index.html">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item" href="category.html">
        <span class="mui-icon mui-icon-email"></span>
        <span class="mui-tab-label">分类</span>
      </a>
      <a class="mui-tab-item" href="cart.html">
        <span class="mui-icon mui-icon-extra mui-icon-extra-cart">
          <span class="mui-badge">9</span></span
        >
        <span class="mui-tab-label">购物车</span>
      </a>
      <a class="mui-tab-item" href="user.html">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">我的</span>
      </a>
    </nav>

    <!-- <div id="pullrefresh"> -->

    <!-- <div class="container mui-content  mui-scroll"> -->

    <!-- <div class="mui-table-view mui-table-view-chevron"> -->

    <!-- <div class="tabNav">
                  <span class="price" val="price"
                    >价格<i class="mui-icon mui-icon-arrowdown"></i>
                  </span>
                  <span class="salesCount" val="count"
                    >销量
                    <i class="mui-icon mui-icon-arrowdown"></i>
                  </span>
                </div> -->

    <!--  商品列表展示 -->

    <div id="refreshContainer" class="mui-content mui-scroll-wrapper container  ">
      <div class="mui-scroll  mui-table-view mui-table-view-chevron content">
 
            <!-- 这里存放你的内容，容器。 -->
        <div class="mui-table-view mui-table-view-chevron  adBox2">
          <div class="tabNav">
            <span class="price" val="price"
              >价格<i class="mui-icon mui-icon-arrowdown"></i>
            </span>
            <span class="salesCount" val="count"
              >销量
              <i class="mui-icon mui-icon-arrowdown"></i>
            </span>
          </div>
          <ul class="mui-clearfix ad2"></ul>
        </div>
      </div>
    </div>



  </body>

  <script type="text/html" id="tmp1">
    {{each data}}
    <li class="">
      <a href="./detail.html?id={{$value.id}}">
        <img src="{{$value.pic[0].picAddr}}" alt="" />
        <div class="des">
          <p>{{$value.proName}}</p>
          <span class="oldPrice"> 原价 {{$value.oldPrice}}</span>
          <span class="nowPrice"> 现价 {{$value.price}}</span>
          <button type="button" class="mui-btn mui-btn-primary">
            立即购买
          </button>
        </div>
      </a>
    </li>
    

    {{/each}}
  </script>

  <link rel="stylesheet" href="./css/search_list.css" />
  <script src="./assets/mui/js/mui.min.js"></script>

  <!-- 移动端的jq -->
  <script src="./assets/zepto/zepto.min.js"></script>
  <!-- 模块引擎 -->
  <script src="./assets/artTemplate/template-web.js"></script>
  <script src="./common.js"></script>

  <!-- 引入自己写的js -->
  <!-- <script src="./js/search_list.js"></script> -->
  <script src="./js/search_list copy.js"></script>
</html>
